Tim Chen

Eunoia UX Hackathon:
Revitalizing Caltec Solutions

Category:

#Rebranding #User Research #Information Design

Tool:

Figma, Figjam, ChatGPT

Type:

UX Hackathon

Date & Time:

2023 Spring, 10 days

Team:

Tim Chen, Chell Li, Natalie Fajardo, Manpreet Sarna

Report:

Slides Link
Render of SeventyFiverr Interface
Proposed Landing Page for Caltec Solution

Overview

Caltec Solution, a small local server management company wishes to refresh its business direction to target young entropeneurs, and streamline the customer acquisition process using their website.

Given the short timeframe of the hackathon, we identified the most critical problems and needs, and delivered a comprehensive rebranding proposal along with a new website design tailored for Caltec Solution's unique requirement. I contribute majorly to the user research, problem identification, information design and rebranding.

Project Information

This is a project completed for IATSU Eunoia UX

We were assigned to work with Caltec solution, analysis their business and come up with a "UX design proposal"

My Role

  • Identifying critical problems and design goals
  • Help with user research and information design
  • Designing the website and rebranding assets

My Takeaways

  • Using various UX methods to identify design targets
  • Experience in using information design
  • Experience in project management: communication with client, hackathon managers, mentors and teammembers.

Objective Framing

Identify critical problems and offers a tailored solution to help with Caltec Solution's rebranding and customer acquisition process.

Research

Our team undertook comprehensive research on Caltec within the server management sector, including a detailed analysis of the current business model, pain points, interviewing notes, and its competitors.

  • Lacking previous experience in this field offered us a unique perspective, allowing us to approach the problem from the standpoint of Caltec's customers, focusing on their needs and motivations.
  • We discovered that all of its services, including website maintenance, are managed by the owner of Caltec. This realization profoundly influenced our design approach, guiding us to tailor our solutions to address Caltec's distinct workload and operational requirements.
  • A User Persona was built to represent and understand our target clients, playing a crucial role in guiding key decisions. This included shaping the voice and tone, prioritizing information, and steering the overall rebranding strategy, ensuring that every aspect of our design was aligned with the needs and expectations of our primary users.
  • A User Journey was created to outline the steps and touchpoints users encounter when seeking Caltec's service, offering a complete view of their experience. This helps in optimizing user flow by providing a holistic understanding from the user's perspective.
SuperStudio Work
Insights summary from the our researches
SuperStudio Work
We analyzed all problems and goals to deliver the most valuable solutions within constraints.
SuperStudio Work
The new target audience persona focuses on small business owners around their 30s
SuperStudio Work
Improved Customer Journey Map, from discovery to major touch points and long-term maintenance

Sitemap Building

  • We created a sitemap for the existing Caltec website to gain insights into its functions and content. From the view of information architecture, we noted that its navigation, style, and content were outdated. To address this, we overhauled the information architecture and carefully developed a sitemap that aligns with industry standards and is specifically optimized for Caltec's target audiences. The client sees how this new site map can make sense to people with limited IT knowledge and praised it for its clarity.
 Poster iterations
The old sitemap
 Poste r iterations
The new sitemap

Mockups

  • Given that "building the site" wasn't included in our final proposal, we intentionally avoided highly customized designs that might be challenging to implement, maintain, or update.
  • To tailor our design for Caltec, we created a mood board, gathering and analyzing industry's best practices, effective elements, layouts, and styles. This research guided us in developing low-fidelity mockups, eventually leading to the creation of high-fidelity site templates.
  • I designed the home page to start with a clear mission statement, immediately followed by elements utilizing the principle of authority and consensus, followed by a clear breakdown of services in terms that are familiar to the target audience, in a layout that optimizes for scanning. Finally it ends with another call to action to invite further actions.
  • This layout Incorporates several psychological principles that enable Caltec to communicate its core values effectively and transform its website into a powerful tool for customer acquisition.
 Poster iterations
The new home page utilizes multiple psychology principles for effective customer acquisition.
 Poster iterations
The contact page has an approachable personality and an easy-to-use embedded contact form
 Poster iterations
A example of content page with effective page elements

Other handoff components

To ensure high maintainability and practicality.

  • We provided a comparison chart of well-regarded site builders, including price and function comparisons.
  • To have consistent branding, We also updated Caltec's LinkedIn banner and Business card.
  • We also offered a ChatGPT prompt guide to assist Caltec in maintaining a consistent voice and tone across their content.
 Poster iterations
All diliverables to ensure a successful hand-off
 Poster iterations
updated business card
 Poster iterations
Updated Linkedin Banner
 Poster iterations
ChatGPT Prompt Guide

Achievement

Working with a new team under tight time constraints and diving into a highly specialized industry that was unfamiliar to us presented significant challenges. Nevertheless, it was rewarding to see our client, Caltec, choose our solution as their favorite among four other competing teams.